﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="Homepage.aspx.vb" Inherits="examquestions.Homepage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<link href="Styles/webfont.css" rel="stylesheet" type="text/css" />

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<br />
<br />
<!-- Carousel -->
<div id="Carousel" class="carousel slide"  data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="Carousel" data-slide-to="0" class="active"></li>
            <li data-target="Carousel" data-slide-to="1"></li>
            <li data-target="Carousel" data-slide-to="2"></li>
        </ol>

        <div class="carousel-inner">
            <div class="item active">
                <img src="pictures/math.jpg" class="img-responsive" width="100%">
                <div class="container">
            <div class="carousel-caption">
              <h1>Create unique exam papers</h1>
              <p>Use community-vetted questions for your upcoming mock exams.</p>
              <p><a class="btn btn-lg btn-primary" href="Account/Register.aspx" role="button">Sign up today</a></p>
            </div>
          </div>
            </div>
           <div class="item">
             <img src="pictures/tubes.jpg" class="img-responsive" width="100%">
            <div class="container">
            <div class="carousel-caption">
              <h1>Participate</h1>
              <p>Whatever the subject you teach, you can submit your own questions</p>
              <p><a class="btn btn-lg btn-primary" href="newItem.aspx" role="button">Create questions</a></p>
            </div>
          </div>
            
            </div>
           <div class="item">
             <img src="pictures/circuit.jpg" class="img-responsive" width="100%">
             <div class="container">
            <div class="carousel-caption">
              <h1>Teachers only</h1>
              <p>Answers are only available to verified teachers</p>
              <p><a class="btn btn-lg btn-primary" href="Account/Register.aspx" role="button">Sign up today</a></p>
            </div>
            </div>
        </div>
        </div>
        <a class="left carousel-control" href="#Carousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#Carousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
</div><!-- /.carousel -->


    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container marketing">

      <!-- START THE FEATURETTES -->

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">Create unique exam papers.<span class="text-muted"> Have a new paper ready for every test.</span></h2>
          <p class="lead">Select existing questions, create your own, generate mark schemes to get unique papers for every test. Generate unique papers in minutes.</p>
        <p><a class="btn btn-primary" href="Account/Register.aspx" role="button">Sign up today</a></p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" src="pictures/exam.jpg" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-5">
          <img class="featurette-image img-responsive" src="pictures/champion.jpg" alt="Generic placeholder image">
        </div>
        <div class="col-md-7">
          <h2 class="featurette-heading">Participate. <span class="text-muted">Get recognition from your peers.</span></h2>
          <p class="lead">Whatever the subject you teach, you can participate to this site by submitting your own questions. Questions can be commented on to be improved. Earn points every time your questions are liked by your peers.</p>
        <p><a class="btn btn-primary" href="Account/Register.aspx" role="button">Sign up today</a></p>
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">Teachers only. <span class="text-muted">No more 'cheating'.</span></h2>
          <p class="lead">This community is only available to teachers whose professional email address has been checked and verified by a human. Students can no longer access papers before their tests!</p>
        <p><a class="btn btn-primary" href="Account/Register.aspx" role="button">Sign up today</a></p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" src="pictures/teacher.jpg" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->

    </div><!-- /.container -->
    <br />
    <br />

<script type='text/javascript'>
    $(document).ready(function () {
        $('.carousel').carousel({
            interval: 2000
        })
    });    
</script>

</asp:Content>
